Skip to main content

Tab bar

Type​

widget

Summary​

Tabs make it easy to explore and switch between different views.

Description​

Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.

Associated Syntax​

Property

NameSummarySyntax
hilitedItemIconsThe icons displayed by each segment when highlightedget the hilitedItemIcons of <widget> set the hilitedItemIcons of <widget> to <iconNames>
itemStyleThe segment display styleget the itemStyle of <widget> set the itemStyle of <widget> to <segmentStyle>
itemNamesThe names used to identify segmentsget the itemNames of <widget> set the itemNames of <widget> to <nameList>
indicatorPositionThe segment display styleget the itemStyle of <widget> set the itemStyle of <widget> to <segmentStyle>
hilitedItemThe currently highlighted segment indicesget the hilitedItem of <widget> set the hilitedItem of <widget> to <indexList>
horizontalWhether the segmented widget is horizontal or notget the horizontal of <widget> set the horizontal of <widget> to {true | false}
hilitedItemLabelThe currently highlighted segment labelget the hilitedItemLabel of <widget> set the hilitedItemLabel of <widget> to <labelsList>
cornerRadiusThe corner radius of the widgetget the cornerRadius of <widget> set the cornerRadius of <widget> to <value>
itemCountThe number of segments shownget the itemCount of <widget> set the itemCount of <widget> to <number>
hilitedTextColorThe label or icon color for highlighted segmentsget the hilitedTextColor of <widget> set the hilitedTextColor of <widget> to <pColor>
itemLabelsThe labels displayed by each segmentget the itemLabels of <widget> set the itemLabels of <widget> to <labelList>
scrollingButtonsWhether the segmented widget is scrollingButtons or notget the scrollingButtons of <widget> set the scrollingButtons of <widget> to {true | false}
itemEnabledThe minimum width of each segmentget the itemEnabled of <widget> set the itemEnabled of <widget> to <numberList>
showBorderWhether the widget has a border or notget the showBorder of <widget> set the showBorder of <widget> to { true | false }
hilitedItemNameThe currently highlighted segment namesget the hilitedItemName of <widget> set the hilitedItemName of <widget> to <nameList>
itemMinExtentsThe minimum width of each segmentget the itemMinExtents of <widget> set the itemMinExtents of <widget> to <numberList>
itemIconsThe icons displayed by each segmentget the itemIcons of <widget> set the itemIcons of <widget> to <iconNames>

Message

NameSummarySyntax
hiliteChangedSent selected tab is changed.on hiliteChanged